<template>
  <div>{{ message }}</div>

  <button @click="sendMessage">给父组件发消息</button>
</template>

<script setup>
  /* 子组件通过defineProps对象来接收父组件传递过来的数据，定义接收变量时，名称必须和父组件传递过来的变量名相同  */
  defineProps({
    message: String,
  });
  // 先定义要发射的函数名
  const emit = defineEmits(['message-sent']);
  function sendMessage() {
    //子组件通过 emit 向父组件发射数据
    //参数一：是子组件传递给父组件数据的方法名    参数二：数据
    emit('message-sent', '来自子组件的消息');
  }
</script>